<h4>{{ 'AbpAccount::ForgotPassword' | abpLocalization }}</h4>

@if (!isEmailSent) {
  <form [formGroup]="form" (ngSubmit)="onSubmit()" [validateOnSubmit]="true">
    <p>{{ 'AbpAccount::SendPasswordResetLink_Information' | abpLocalization }}</p>
    <div class="mb-3 form-group">
      <label for="input-email-address" class="form-label">{{
        'AbpAccount::EmailAddress' | abpLocalization
      }}</label
      ><span> * </span>
      <input type="email" id="input-email-address" class="form-control" formControlName="email" />
    </div>
    <abp-button
      class="d-block"
      buttonClass="mt-2 mb-3 btn btn-primary btn-block"
      [loading]="inProgress"
      buttonType="submit"
      [disabled]="form?.invalid"
    >
      {{ 'AbpAccount::Submit' | abpLocalization }}
    </abp-button>
    <a routerLink="/account/login"
      ><i class="fa fa-long-arrow-left me-1" aria-hidden="true"></i
      >{{ 'AbpAccount::Login' | abpLocalization }}</a
    >
  </form>
} @else {
  <p>
    {{ 'AbpAccount::PasswordResetMailSentMessage' | abpLocalization }}
  </p>

  <a routerLink="/account/login">
    <button class="d-block mt-2 mb-3 btn btn-primary btn-block">
      <i class="fa fa-long-arrow-left me-1" aria-hidden="true"></i>
      {{ 'AbpAccount::BackToLogin' | abpLocalization }}
    </button>
  </a>
}
